<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>思云课堂</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/vue/vue-2.6.12.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/css/index.css">
</head>
<div class="layui-layout layui-layout-admin " id="app" lay-filter="nav-tree">
    <div class="layui-header">

        <div class="layui-logo layui-hide-xs header-font">
            <img src="/images/baricon.png" style="width: 44px;line-height: inherit">
            思云课堂后台业务管理系统
        </div>
        <ul class="layui-nav layui-layout-right" lay-filter="" @mouseout="hideAll">
            <li class="layui-nav-item" @mouseover="showUser" @mouseout="hideUser" style="position:relative;margin-left: 35px;margin-right: 50px;" title="个人信息">
                <img id="acatarUrl" src=""  class="layui-circle" style="float:left;margin-top:10px;border: 2px solid #A9B7B7;" width="35px" height="35px" alt="" />
                <a href="javascript:;" style="float:left;font-size: 20px;margin-left: 2px" class="userName" id="userName" th:text="${session.jsUser.trueName}"></a>
                <div id="user-div" style="text-align:left;box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 3px;display:none;position: fixed;top:60px;right: 370px;width:420px;height: 235px;background-color: white">
                    <div class="account">
                        <a href="javascript:;" style="float:left;color: #000;">账户信息</a>
                        <a style="float:right;color: #0eac9f;" href="javascript:;" id="welcomeAccount">账户设置</a>
                    </div>
                    <div class="message">
                        <div>所在部门：<span id="deptName"></span></div>
                        <div>本次登录：<span id="LoginTime"></span></div>
                        <div>登录地区：<span id="LoginAdrees"></span></div>
                        <div>上次登录：<span id="lastLoginTime"></span></div>
                    </div>
                </div>
            </li>
            <li class="layui-nav-item"  style="margin-left: 35px;margin-right: 35px;" title="返回首页" @mouseout="hideAll">
                <a href="/login/main"><span class="layui-icon layui-icon-home" ></span></a>
            </li>
            <li class="layui-nav-item" @mouseover="showMore" @mouseout="hideMore" style="width:54px;text-align:center;margin-left: 35px;margin-right: 35px;" title="常用菜单">
                <a href="javascript:;" class="layui-icon layui-icon-spread-left"></a>
                <div  id="more-div" style="text-align:left;box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 3px;display:none;position: fixed;top:60px;right: 100px;width:420px;height: 235px;background-color: white">
                    <div class="account">
                        <span>常用菜单</span>
                        <a style="color: #0eac9f;" href="javascript:;">菜单管理</a>
                    </div>
                    <div class="menu">
                        <div>
                            <a style="display:inline;color: #333;" href="javascript:;" id="goodsTable">商品列表</a>
                            <a style="display:inline;color: #333;" href="javascript:;" id="userTable">用户列表</a>
                            <a style="display:inline;color: #333;" href="javascript:;" id="bannerTable">轮播图列表</a>
                        </div>
                        <div>
                            <a style="display:inline;color: #333;" href="javascript:;" id="courseTable">课程列表</a>
                            <a style="display:inline;color: #333;" href="javascript:;" id="jurisdictionTable">后台人员列表</a>
                            <a style="display:inline;color: #333;margin-left: -29px" href="javascript:;" id="orderStatistics">订单统计</a>
                        </div>
                        <div>
                            <a style="display:inline;color: #333;" href="javascript:;" id="microTable">微圈列表</a>
                            <a style="display:inline;color: #333;" href="javascript:;" id="deptTable">部门管理</a>
                            <a style="display:inline;color: #333;" href="javascript:;" id="couponTable">优惠券列表</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="layui-nav-item" @mouseover="showNotice" @mouseout="hideNotice" style="width:54px;text-align:center;margin-left: 35px;margin-right: 35px;" title="消息提示">
                <a href="javascript:;" class="layui-icon layui-icon-notice"></a>
                <span class="layui-badge" style="margin-left: 10px" id="sum"></span>
                <div  id="notice-div" style="text-align:left;box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 3px;display:none;position: fixed;top:60px;right:20px;width:420px;height: 335px;background-color: white">
                    <div class="headAlert">
                        <div>
                            <span>订单提示</span>
                        </div>
                        <div class="product" data-value="代付款" >
                            <a style="display:inline;color: #333;"href="javascript:;">待付款订单（<span class="count" id="agentPayment"></span>）</a>
                        </div>
                        <div class="product" data-value="未发货" >
                            <a style="display:inline;color: #333;"href="javascript:;">待发货订单（<span class="count" id="consignment"></span>）</a>
                        </div>
                        <div class="product" data-value="已发货" >
                            <a style="display:inline;color: #333;"href="javascript:;">已发货订单（<span class="count" id="shipped"></span>）</a>
                        </div>
                        <div class="product" data-value="已完成" >
                            <a style="display:inline;color: #333;"href="javascript:;">已完成订单（<span class="count" id="completed"></span>）</a>
                        </div>
                    </div>
                    <div class="footAlert">
                        <div >
                            <span>广告位提示</span>
                        </div>
                        <div class="quick" data-value="账户设置" >
                            <a  style="display:inline;color: #333;"href="javascript:;">广告位即将到期（<span class="count" id="expire"></span>）</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="layui-nav-item" style="width:54px;text-align:center;margin-left: 35px;margin-right: 35px;" title="退出账户">
                <a href="/login/exit"><span class="layui-icon layui-icon-reduce-circle"></span></a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">

        </div>
    </div>

    <div class="layui-body" id="nav-tab">
        <div class="layui-tab layui-tab-card" lay-filter="tab"  lay-allowclose="true" style="height: 100%">
            <ul class="layui-tab-title" id="tab">
                <li class="layui-this" lay-id="0" >
                    <i class="layui-icon layui-icon-home"></i>系统首页
                </li>
            </ul>
            <div class="layui-tab-content" style="height: 100%">
                <div class="layui-tab-item layui-show">
                    <iframe frameborder="0" src="/welcome/welcome.html"  class="iframe" ></iframe>
                </div>
            </div>
        </div>
    </div>

</div>
<input type="hidden" id="userId" name="createId" th:value="${session.jsUser.userId}" value="">
<input type="hidden" id="userUrl" name="acatarUrl" th:value="${session.jsUser.acatarUrl}" value="">
<input type="hidden" id="beforeHref" name="beforeHref" value="">
<input type="hidden" id="trueName" name="trueName" th:value="${session.jsUser.trueName}" value="">
<input type="hidden" id="account" name="account" th:value="${session.jsUser.account}" value="">
<input type="hidden" id="quickHref" name="quickHref" value="">
<input type="hidden" id="productHref" name="productHref" value="">
<input type="hidden" id="product" name="product" value="商品订单列表">
<script src="/js/index.js"></script>
</body>
</html>